{% extends 'AmistateBundle::layout.html.twig' %}
{% block title %} {{ title }} {% endblock %}
{% block descripcion %} {{ descripcion }} {% endblock %}
{% block body %}
<h1>{{ title }}</h1>
{% render "AmistateBundle:Perfil:path" with {'user':user} %}
<div class="perfil perfil-gender-{{user.sexo}} admin-editPerfil">
    <div class="block block-nombre">
        <div class="edit-nombre blok-nombre">
            {% include 'AmistateBundle:perfil:nombre.html.twig' with {'user': user,'admin':false} %}
        </div>
    </div>
    <hr/>
    <div class="fotos">
        {% include 'AmistateBundle:perfil:cuadro_foto.html.twig' with {'user': user,'admin':false} %}
        {% if is_granted('ROLE_USER') %}
            {% include 'AmistateBundle:mensajes:newmensajemodal.html.twig' with {'user': user,'admin':false} %}
            <div class="actions-perfil">
                <ul>
                    <li class="mensaje"><a href="javascript:void(0);" onclick="mostrarEnviarMensaje()">Enviar mensaje</a></li>
                    {% if solicitud %}
                    <li class="amistad"><a href="{{url('amigos')}}">Solicitud de amistad <span>{{ solicitud[0].getTextEstado }}</span></a></li>
                    {% else %}
                        <li class="amistad"><a href="javascript:void(0);" onclick="mostrarSolicitarAmistad({{user.id}})">Solicitar amistad</a></li>
                    {% endif %}
                    <li class="reportar"><a href="javascript:void(0);" onclick="mostrarReportar({{user.id}},1,0)">Reportar usuario</a></li>
                </ul>
            </div>
        {% else %}
            <div class="actions-perfil">
                <ul>
                    <li class="mensaje"><a href="javascript:void(0);" onclick="$('.menu-login').click();$.sticky('Debe estar registrado para Enviar mensajes.', {'duplicates' : false});">Enviar mensaje</a></li>
                    <li class="amistad"><a href="javascript:void(0);" onclick="$('.menu-login').click();$.sticky('Debe estar registrado para Solicitar amistades.', {'duplicates' : false});">Solicitar amistad</a></li>
                    <li class="reportar"><a href="javascript:void(0);" onclick="$('.menu-login').click();$.sticky('Debe estar registrado para Reportar usuarios.', {'duplicates' : false});">Reportar usuario</a></li>
                </ul>
            </div>
        {% endif %}
    </div>
    
    
    <div class="mis-datos">
        <div class="block">
          {% if lastUser and lastUser.id != user.id %}
              <div class="edit-sobre-mi blok-edit block-ficha block-ficha-last block-ficha-last-gender-{{lastUser.sexo}}">
                <div>
                    <div class="col-i">
                        <div class="imagen">
                            <img src="{{lastUser.getImagenDefault().getPathWeb()}}" />
                        </div>
                        <div class="texto"><span>Calificación otorgada:</span></div>
                        <div class="estrellas">
                            <input value="1" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 1 ? 'checked="checked"' : '' }}/>
                            <input value="2" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 2 ? 'checked="checked"' : '' }}/>
                            <input value="3" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 3 ? 'checked="checked"' : '' }}/>
                            <input value="4" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 4 ? 'checked="checked"' : '' }}/>
                            <input value="5" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 5 ? 'checked="checked"' : '' }}/>
                            <input value="6" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 6 ? 'checked="checked"' : '' }}/>
                            <input value="7" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 7 ? 'checked="checked"' : '' }}/>
                            <input value="8" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 8 ? 'checked="checked"' : '' }}/>
                            <input value="9" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 9 ? 'checked="checked"' : '' }}/>
                            <input value="10" name="adv1" type="radio" class="oculto star {split:2}" {{ valorUltimoVoto == 10 ? 'checked="checked"' : '' }}/>
                        </div>
                    </div>
                    <div class="col-sep"></div>
                    <div class="col-r">
                        <div class="puntuacion">
                            <span>
                                <div class="votos">
                                    <span>{{lastUser.puntos}}</span> / <span>10</span>
                                </div>
                                Sobre un total de <span>{{lastUser.votos}}</span> votos.
                            </span>
                        </div>
                    </div>
                </div>
                <div class="actions">
                    <a href="{{ url('perfil',{ 'usuario': lastUser.id}) }}">Volver a la ficha de {{lastUser.nombre}}</a>
                </div>
              </div>
          {% endif %}
          <div class="edit-sobre-mi blok-edit block-ficha block-ficha-actual block-ficha-actual-gender-{{user.sexo}}">
              <div itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
                  <div class="col-i">
                    <div class="imagen">
                        <img itemprop="photo" src="{{user.getImagenDefault().getPathWeb()}}" />
                    </div>
                    <div class="texto"><span itemprop="itemreviewed">{{user.nombre}}</span></div>
                    <div class="estrellas">
                        <input value="1" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 1 ? 'checked="checked"' : '' }}/>
                        <input value="2" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 2 ? 'checked="checked"' : '' }}/>
                        <input value="3" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 3 ? 'checked="checked"' : '' }}/>
                        <input value="4" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 4 ? 'checked="checked"' : '' }}/>
                        <input value="5" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 5 ? 'checked="checked"' : '' }}/>
                        <input value="6" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 6 ? 'checked="checked"' : '' }}/>
                        <input value="7" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 7 ? 'checked="checked"' : '' }}/>
                        <input value="8" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 8 ? 'checked="checked"' : '' }}/>
                        <input value="9" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 9 ? 'checked="checked"' : '' }}/>
                        <input value="10" name="adv2" type="radio" class="oculto star2 {split:2}" {{ user.puntos|number_format == 10 ? 'checked="checked"' : '' }}/>
                    </div>
                  </div>
                  <div class="col-sep"></div>
                  <div class="col-r">
                      <div class="puntuacion">
                        <span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
                            <div class="votos">
                                <span itemprop="average">{{user.puntos}}</span> / <span itemprop="best">10</span>
                            </div>
                            Sobre un total de <span itemprop="votes">{{user.votos}}</span> votos.
                        </span>
                      </div>
                  </div>
            </div>
          </div>
        </div>
            
        <div class="block">
          <h3>Algo sobre mi:</h3>
          <div class="edit-sobre-mi blok-edit">
              {% include 'AmistateBundle:perfil:sobre_mi.html.twig' with {'user': user,'admin':false} %}
          </div>
        </div>
        <div class="block">
          <h3>Donde vivo:</h3>
          <div class="edit-vivo blok-edit">
            {% include 'AmistateBundle:perfil:ubicacion.html.twig' with {'user': user,'admin':false} %}
          </div>
        </div>
        <div class="block">
          <h3>Busco:</h3>
          <div class="edit-busco blok-edit">
            {% include 'AmistateBundle:perfil:busco.html.twig' with {'user': user,'admin':false} %}
          </div>
        </div>
        {% if user.getPorcentajeCaracteristicas > 0 %}
            <div class="block">
              <h3>Características:</h3>
              <div class="edit-caracteristicas blok-edit">
                {% include 'AmistateBundle:perfil:caracteristicas.html.twig' with {'user': user,'admin':false} %}
              </div>
            </div>
        {% endif %}
            
        {% if user.getPorcentajePreferencias > 0 %}
            <div class="block">
              <h3>Preferencias:</h3>
              <div class="edit-preferencias blok-edit">
                {% include 'AmistateBundle:perfil:preferencias.html.twig' with {'user': user,'admin':false} %}
              </div>
            </div>
        {% endif %}
    
    </div>
    
    <div class="ui-helper-clearfix"></div>
    
    {% include 'FOSCommentBundle:Thread:async.html.twig' with {'id': 'user-'~user.id} %}
    
</div>

{% endblock %}